{extend name="layout/base"}

{block name="content"}
<!--Banner-->
<div class="banner" id="index-banner">
    <div class="banner-pics">
        <ul class="banner-pics-list OnSale-banner">
            <li><a href="1111"><img src="__CDN__/assets/images/ind-banner.jpg" alt=""/></a></li>
            <li><a href="1111"><img src="__CDN__/assets/images/ind-banner.jpg" alt=""/></a></li>
            <li><a href="1111"><img src="__CDN__/assets/images/ind-banner.jpg" alt=""/></a></li>
        </ul>
    </div>
    <ul class="banner-tit">
        <li class="on"></li>
        <li></li>
        <li></li>
    </ul>
</div>

{/block}
{block name="footer"}
{include file="common/footer" /}
{/block}
{block name="script"}
<script src="__CDN__/assets/js/TouchSlide.1.1.js"></script>
<script type="text/javascript">
TouchSlide({
    slideCell:"#index-banner",
    titCell:".banner-tit li",//开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
    mainCell:".banner-pics-list",
    effect:"left",
    autoPlay:true,//自动播放
})
</script>
{/block}
